@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { outline: none; /*transition-duration: 0.3s, 0.3s;*/ color: #555; }
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.mr0{ margin-right:0 !important; float:right !important;}
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#666; }
a {  color: #555; text-decoration:none; transition: all 0.5s ease 0s; }
a:hover { text-decoration: none; color: #cd322e; }
area {  anything:expression(this.onfocus=this.blur);  }
.cnlm { position: fixed; z-index: 99; left: 0; top: 50%; margin-top: -50px; }

.wrapper { position:relative; width:100%; margin:0 auto;  }
.wrap { width:1010px; margin:0 auto; }

.welcome { background:#242424; height:28px; line-height:28px; color:#d6d5d5; }
.welcome p { float:left; }

.welcome .p1 { background:url(../images/tel.jpg) no-repeat left; padding-left:45px; }
.welcome .p2 { background:url(../images/mail.jpg) no-repeat left; padding-left:45px; margin-left:20px; }

.search { position: relative; float: right; width: 35px; height:28px; color:#242424; background-color: #d3d3d3; /*background:none\9;*/ }
.search input { margin: 0; padding: 0; border:none;  }
.search .inp-btn { position: absolute; top: 0; right: 0px; z-index: 2; width: 35px; height: 100%; background: url(../images/form.jpg) no-repeat 0 0; cursor: pointer; }
.search .inp-txt { color:#242424; vertical-align:middle;line-height:28px;  position: absolute; z-index: 1; width: 100px; height: 25px; text-indent: 10px;padding-top:3px; }

.welcome span { float:right; }
.welcome span a { padding:0 10px; color:#d0cdcd; text-transform:uppercase; }
.welcome span a:hover { color:#cd322e; }

.logo { float:left; padding:20px 0 15px; }

.nav { float:right; margin-top:23px; }
.nav ul li { float:left; width:90px; height:57px; line-height:57px; text-align:center; border-bottom:2px solid #fff; padding-bottom:21px; }
.nav ul li span { display:block; }
.nav ul li a { color:#4b4b4b; font-size:15px; }

.nav ul li:hover a { color:#16652F; }
.nav ul li:hover,.nav ul .current { border-color:#16652F; }

.nav .sub { position: absolute; top:131px; *margin-left:-80px; border:1px solid #ccc; border-top:none;  width:90px; background: #fff; display: none; z-index:99999; }
.nav .sub dt {   }
.nav .sub dt a { height: auto!important; padding: 5px 0; background: none; font-size:14px; color: #fff; line-height: normal!important; display:block;}
.nav .sub dt a:hover { background: #16652F; color: #fff; }

.nav ul li:nth-child(3) .sub {
    width: 200px;
    margin-left: -55px;
}


.banner { position: relative; width: 100%;  overflow: hidden; }
.banner .bd { position: relative; left: 50%; width:1600px; margin: 0 0 0 -800px; text-align: center; overflow: hidden; }
.banner .hd { position: absolute;  bottom: 20px; width:1010px;  text-align:center;  z-index:999; }
.banner .hd ul {  display:inline-block; *display:inline; zoom:1;   }
.banner .hd li { display: inline-block; *display:inline; width:38px; height:3px; margin-right:10px; text-indent:-9999em; background:#fff;float:left;cursor:pointer; }
.banner .hd li.on { background:#16652F; }



.link { height:42px; line-height:42px; font-size:14px; color:#565656; background:url(../images/link.jpg) repeat-x; border-bottom:1px solid #979797; }
.link a { padding:0 10px; }

.footerArea  { padding:40px 0; background:#f1f1f1; }
.footer_l { float:left; }
.footer_l .code { float:left; }
.footer_l .txt { float:left; margin-left:15px; font-size:14px; width:350px; }
.footer_l .txt .p1 { border-bottom:1px solid #9d9d9d; padding-bottom:15px; }
.footer_l .txt .p1 a { padding:0 5px; }
.footer_l .txt .p2 { line-height:20px; margin-top:15px; color:#5e5e5e; font-size:12px; }

.footer_r { float:right; text-align:right; }
.footer_a { float:right; }
.footer_a a { display:block; float:right; margin-right:13px; padding-top:10px; }
.footer_r p { font-size:12px; color:#5c5c5c; line-height:22px; text-transform:uppercase; }


.back-to { float:right; margin:0 0 10px 13px; }
.back-to .back-top { display:block; width:56px; height:56px; background:url(../images/top.jpg) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }

.video { position: fixed; right: 0; bottom: 0; }




::-webkit-scrollbar-thumb{min-height:50px;border-radius:3px;background:#ccc}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar{width:7px;height:7px}

.g-wp { position:relative; width:100%; height:2000px; overflow:hidden; }

.u-color { padding:20px; }
.u-color a { display:inline-block; margin:0 10px; padding:10px; }
.u-color .u-color-blue { border:1px solid #369; background:#369; color:#fff; }
.u-color .u-color-white { border:1px solid #ccc; background:#fff; color:#444; }
.u-color .u-color-yellow { border:1px solid #eea120; background:#db8c09; color:#fff; }
.u-color .u-color-green { border:1px solid #09a79e; background:#04978f; color:#fff; }

.m-down { padding:20px; }
.m-down a { display:inline-block; margin:0 10px; padding:10px; border:1px solid #ccc; background:#fff; color:#444;  }


#m-woo-panel { position:absolute; left:0; top:5%; width:152px;  z-index:99 }
#m-woo-panel .g-hd { position:relative; }
#m-woo-panel .g-hd h2 { font-size:18px; font-weight:normal; line-height:50px; text-align:center; background: #01ad7f; color: #fff; }
#m-woo-panel .g-bd { padding:10px 0; }

.m-im { padding:0 10px 2px; }
.m-im li { margin:0 0 8px; border-radius:4px; line-height:24px; text-align:left; }
.m-im li a { display:block; padding:2px 0 2px 45px; }

.u-close { position:absolute; top:-15px; right:-5px; display:block; width:24px; height:24px; line-height:999px; overflow:hidden; }
